<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
        <title>双向绑定原理</title>
    </head>
    <body>
        <!-- 
            https://segmentfault.com/a/1190000006599500
            ng: ng是通过脏检查对比数据是否有所变更,然后决定是否更新视图
            vue: vue是通过数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。

         -->
         <button onclick="num()">生成随机数</button>
         <script>
             function num(){
                var num = Math.round(Math.random()*7);
                console.log(num);
             }
         </script>
    </body>
</html>